<template>
  <div class="login-reg">
    <iframe class="login-reg__frame" :src="loginUrl" frameborder="0"></iframe>
  </div>
</template>

<script>
export default {
  name: 'login-reg',
  data () {
    return {
      loginUrl: 'https://zc.yy.com/reg/yytalk/reg4Yytalk.do?appid=yym109win&mode=yytalk&action=3&busiurl=//yq-dianhu.yy.com/main/1.8.2.0.6/regcallback.html&deviceData=k9-VMzxyXUyEBI7-5Xq3oJwFqsJzL_dEKIguKNg8x4o6Wl4NvRRZI0miPwLQrWN6tK1fsylbxxuz_ODOLykWNpNXHLpC51hFZ7ByJYr2gjMYtuQblKkao35EkGoPU-IffmVGX04W5mMoyG6U2ywQtoVSDVFh-K4q_yL03YuPTRwFWC8iHBlbrz0jvT2f5nneb9CoFHLPRAaQ8S5gIjY7uKl15yTzI8r2oakv-QtISELLByfUhyLiDwOh0YSZz8bXhYWRUxbPyM1bg_6PygmLMbf22ImwJWYWBw7-B20X6tLDVRqmO1FcdNup7ZK6P-Sb0MF4OJYk6rOca0iaxasZZHp1Y9GSWT4NJ2fOZqFtABARxQPoKr0BL7tfjVvutIJoJbj8OSCWdTvElFnazGvjQ2pcUKbMKuqSWkEn5t4W0m7ChjF8OV8R1CvC7MV1L92DX9-OOjn7XV3x46RA-9qVjf_ExQxGz3owQAvwEzUa94e5FO5yvnBwMrTsOwnEG8GDAveMGyAB3OVIw2cETkW34Rrsxl61FIVIaW2PxFMOTJ-Hilh0WJqiF3V3n5quno4pT6j6QmU7dbzPkGrwopHiiAela7g1DHoPScFL76RmfcK4CcP_znuKBDeX7MDTu46EhZsNlO64-2s5QXWZQAsTrET8MOYYtNvpaFfOvfmkPP6M_Ot_dyEWgSxcoEnIAdEPzoCxE_xDp4956ibZ33iJBEYNuvgi0XArOIr_-hiZvZz-BSouQXuHohvnpvxUCJhBjxo35Dhvp9oNQwYQ4uAKaUS3-HHFuZ7EUL76ttrjdJb1qy5dlSyRa1yg6cD2PPZ-89hze0576_g3foWDVjf-VNnyq4jBvaaIIFLAqcyftTk0bo_y1xuWGqRlMz6Fp0LHTJY3pegtTCd2Qof_M6GWOatMfu8JUbqYWOt1tuEZzbYEeURcf_7hX7gXGGaadgKSs5uEmBTBSQSiLTE7g8-qi0X_xf80I3iCszsin0TqU_9GCzG8TD4mL4sv7vC-4hXuUGBg0I_1iUuLScu7-tWPuqroOTBoa38WHJWm_7OQ2KgrSiUtR8JTo2cg4zYgh6CHWaL1aM4mwsIisPcxOnWC2-pBy0xO2hl-vI-aZeS9S5ny3_GZfMLWaU8L6GzU6OMRjEB5okGnOxdK7eYcXL8mZ_2zvX8B5lxGHyXYRtLRuG_Y0NgN6SptcwHy_cAIK5Jfgoj1ZokrFyb42vfj88_oaLqozy8ElUjvIhOtVcKm8FOuiLj8MNnSDj5P_FM=&random=1534332297647'
    }
  },
  computed: {
  },
  created () {
  },
  components: {
  },
  methods: {
  }
}
</script>

<style lang="scss">
@import "~@/css/common/_variables";
@import "~@/css/lib/_mixin";

.login-reg {
  width: $login-width;
  height: $login-height;
  background: $bg-color-login;
  -webkit-transition: all .4s ease-in-out 0s;
  transition: all .4s ease-in-out 0s;
  &__frame {
    margin: 0 auto;
    width: 300px;
    height: 100%;
  }
}
</style>
